1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
|
import React, { useEffect, useState, useRef } from 'react';
import Error from '../components/Err';
import { Text } from '../components/Inputs';
import CodeRenderer from '../components/renderers/Code'
import PasteInfo from '../components/PasteInfo';
import PasswordModal from '../components/modals/PasswordModal'
import RenderDispatch from '../components/renderers/RenderDispatch'
import {Watermark} from "../components/Watermark";
import { useRouter } from 'next/router'
import resolvePaste from "../http/resolvePaste";
export async function getServerSideProps(ctx) {
const data = await resolvePaste(ctx.params.hash)
// Pass data to the page via props
return { props: { ...data } }
}
const ViewPaste = ({data, unauthorized, error}) => {
const router = useRouter()
const { hash } = router.query
const [clientData, setClientData] = useState(data);
const [theme, setTheme] = useState('atom');
const [isRenderMode, setIsRenderMode] = useState(false);
const [enteredPass, setEnteredPass] = useState('');
const [correctPass, setCorrectPass] = useState(!unauthorized);
const ErrorLabelRef = useRef(null);
const {content, language, expiry, title} = clientData;
if (error) {
ErrorLabelRef.current.showMessage(error, -1)
}
const getWithPassword = (password, errorCallback) => {
resolvePaste(hash, password)
.then(resp => {
setCorrectPass(true)
setClientData(resp.data)
})
.catch(e => errorCallback(e.response.data))
}
useEffect(() => {
setIsRenderMode(language === 'latex' || language === 'markdown')
}, [language])
function getDisplay() {
return isRenderMode ? <RenderDispatch
language={language}
content={content}
/> : <CodeRenderer
content={content}
lang={language}
theme={theme}
id="pasteInput" />
}
return (
<div>
<PasswordModal
hasPass={unauthorized}
validPass={correctPass}
value={enteredPass}
onChange={(e) => setEnteredPass(e.target.value)}
validateCallback={getWithPassword} />
<Text
label="title"
value={title}
id="titleInput"
readOnly />
{getDisplay()}
<PasteInfo
hash={hash}
lang={language}
theme={theme}
expiry={expiry}
toggleRenderCallback={() => setIsRenderMode(!isRenderMode)}
isRenderMode={isRenderMode}
onChange={(e) => setTheme(e.target.value)}
err={<Error ref={ErrorLabelRef} />}
/>
<Watermark/>
</div>
);
}
export default ViewPaste
|